default {
    .content-index {
        @extend %INIT-CONTENT;
    }
    .content-index >article {
        text-align: center;
        position: relative;
        top: 50%;
        margin-top: (-196px / $defaultFontSize) * 1rem;
        .logo-li{
            img{
                width: (203px / $defaultFontSize) * 1rem;
            }
        }
        .title-li {
            margin-top: (30px / $defaultFontSize) * 1rem;
            margin-bottom: (32px / $defaultFontSize) * 1rem;
            font-size: (24px / $defaultFontSize) * 1rem;
        }
        .input-li {
            .input-label {
                font-size: (32px / $defaultFontSize) * 1rem;
                color: #999;
                vertical-align: middle;
            }
            .eo-input {
                width: (246px / 375px) * 100%;
                vertical-align: middle;
            }
        }
        .time-li {
            margin-top: 6rem;
            .circle-result-btn {
                @include eo-line((105px / $defaultFontSize) * 1rem);
                width: (105px / $defaultFontSize) * 1rem;
                background-color: #000;
                border-radius: (52.5px / $defaultFontSize) * 1rem;
                display: inline-block;
                color:#fff;
                font-size: (24px / $defaultFontSize) * 1rem;
                border: none;
                overflow: hidden;
                &:hover{
                    opacity: .7;
                }
            }
        }
    }
    #particles-js {
        @extend %INIT-CONTENT;
        z-index: -1;
    }
}
